<template>
  <div>
    <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="params.pagenum"
        :page-sizes="[5,10,20]"
        :page-size="params.pagesize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total">
      </el-pagination>
  </div>
</template>
<script>
export default{
  name:"pa-ge",
  // 每页最大显示条数  && 总条数
  props:['params','total'],
  data() {
    return {
      property: 'value',
    };
  },
  created(){
  },
  methods:{
    /**
     * @name handleSizeChange
     * @监听pagesize改变事件
     */
    handleSizeChange(newSize){
      // 自定义事件给父组件传值
      this.$emit('handleSizeChange',newSize);
    },
    /**
     * @name:handleCurrentChange
     * @监听页码值改变事件
     */
    handleCurrentChange(newPage){
      // 自定义事件给父组件传值
      this.$emit('handleCurrentChange',newPage);
    }
  }
}
</script>
<style lang="less" scoped>
</style>